import React, { Component } from 'react';
import {Badge } from 'antd-mobile';
import MyBadge from '../myBadge/index'
class contentUserName extends Component {
    render() {
        let userData = this.props.userData
        return (
            <div style={{display:'flex',alignItems:'center',flexDirection:'row',width:'100%'}}>
                <MyBadge data={userData}/>
                <div style={{ fontSize: 16, color: '#1f1f1f', marginLeft: '6px',fontWeight:600 }}>{userData.userName}</div>
                <Badge text="播" hot style={{ marginLeft: '6px', backgroundColor:'#FB7299' }} />
                <Badge text="管" hot style={{ marginLeft: '6px', backgroundColor :'#00A1D6',}} />
            </div>
        );
    }
}

export default contentUserName;